h2 {

	font-family: Sans-Serif;
	text-align: centre;
	font-size: 20px;
	font-style: italic

	
}


.navbar {
	margin: auto;
	width: 70%;
	text-align: center;
	padding-top: 20px;
	font-family: Verdana;
	font-weight: bold;
	
	


}

a:link {color: #4ca0ef;}

a:visited {color: #4ca0ef;}

a:active {color:#fe6768}

a:hover {color:#0F185A}



.header {
	margin: auto;
	width: 70%;
	background-color: white;
	color: #1e1e28;
	font-family: "Verdana";
	border-style: solid;
	border-radius: 50px;
	}
	



li {
	font-style: italic;
}

q {
	font-size: 14px;
	font-style: italic;
}

img {
	display: block;
	padding: 5px;
	border-style: solid;
	border-color: white;
	margin: 10px 10px 10px 10px;
}

#hilight {
	color: #4ca0ff;
	
}

a.alt:link {
	font-size: 14px;
}

a.alt:visited {
	
}

a.alt:hover {
	font-size: 14px;
}


.required {
	
	color: red;
	font-size: 10px;
}


h3 {
	
	display:inline;
	font-weight: bold;
	font-size: 16px;
}

.headalt {
	
	display:inline;
	font-weight: bold;
	font-size: 12px;
	margin-left: 50px;
}

.aboutroom {
	
	display:inline;
}

.roomxsl {
	
	margin: auto;
	width: 465;
	text-align: justify;
	font-size: 16px;
	font-family: Serif;
	clear: both;
	overflow: auto;
	padding: 15px;
}



.roomst {
	
	padding-bottom: 2cm;
}

.main{
	margin: auto;
	width: 70%;
	text-align: left;
	font-size: 16px;
	font-family: Sans-Serif;
	clear: left;
	overflow: auto;
	background-color: white;
	background-image: url('images/background2.jpg');
	padding: 15px;
	
}


}

.main2{
	margin: auto;
	width: 70%;
	text-align: left;
	font-size: 16px;
	font-family: Sans-Serif;
	clear: left;
	overflow: auto;
	background-color: white;
	background-image: url('images/background.jpg');
	padding: 15px;
	
}

body {
	background-image: url('images/background.jpg');
	margin: 1cm;
}

h1 {
	text-align: center;
	text-shadow: 2px 2px #4ca0ff;
	font-family: "Consolas";
	font-size: 60px;
	/*font-variant: small-caps;*/

	
}

legend {
	
	font-size: 17px;
	font-weight: bold;
	text-decoration: underline;
}


currentpage {
	
	font-size: 17px;
	font-weight: bold;
	text-decoration: underline;
	color: #fe6768
}



.column {
  float: left;
  width: 28.33%;
  background-image: url('images/background2.jpg');
  border: thick;
  padding-left: 1%;
  padding-top: 1%;
  padding-bottom: 1%;
  margin-left: 3%

}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
  background-image: url('images/background2.jpg');




}


/* Container for each blog entry */
.post {
  margin-bottom: 40px; /* Spacing between posts */
  font-family: Sans-Serif;  /* Matches your main font */
}

/* The Headline Link */
.post a {
  color: black;
  text-decoration: none; /* Removes default blue underline */
  font-weight: bold;
  font-size: 24px;
  display: inline-block;
  margin-bottom: 5px;
}

/* Underline only on hover */
.post a:hover {
  text-decoration: underline;
}

/* The Category text (Networking/Uncategorized) */
.category {
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #333;
  display: block;
}


.site-footer {
    clear: both;          /* Ensures it sits below any floated elements */
    text-align: center;   /* Centers the text */
    padding: 20px 0;      /* Adds space above and below the text */
    font-family: 'Ubuntu', sans-serif;
    font-size: 14px;
    color: #666;          /* A subtle grey color */
    border-top: 1px solid #ddd; /* A light line to separate it from content */
    margin-top: 40px;     /* Space between your last blog post and the footer */
}




.code-block {
    background-color: #f4f4f4;    /* Light grey background */
    border-left: 5px solid #4ca0ef; /* Techy blue accent bar on the left */
    font-family: 'Consolas', 'Monaco', 'Courier New', monospace;
    padding: 15px;
    margin: 20px 0;
    border-radius: 4px;
    font-size: 14px;
    line-height: 1.5;
    color: #333;
    white-space: pre-wrap;       /* Keeps your spacing/tabs intact */
    word-break: break-all;
    overflow-x: auto;            /* Adds a scrollbar if code is too wide */
}